<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>绑定会员卡</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta name="format-detection" content="telephone=no" />
<link href="../css/font-awesome.min.css" rel="stylesheet">
<link href="../css/swiper.min.css" rel="stylesheet">
<link href="../css/common.css" rel="stylesheet">
<script type="text/javascript" src="../js/jquery.js"></script>
</head>
<body style="padding-bottom:1rem; background-color:#f3f3f3;">
<header class="header">
    <span class="colfff font16 span">绑定会员卡</span>
</header>
<div class="pad15">
    <div class="loginWap">
    	<ul>
        	<li><i class="dlIco dlIco1"></i><input type="text" placeholder="请输入您的姓名" /><p class="colRed top5">报错。。。</p></li>
        	<li><i class="dlIco dlIco2"></i><input type="text" placeholder="请输入您办理会员卡时填写的手机号" /></li>
        	<li class="clearfix"><input type="button" class="btnYzm btns btns-nom btns-ye btns-yzm" value="发送手机验证码" /><input type="tel" placeholder="请输入验证码" class="inputYzm" /></li>
        </ul>
    </div>
    <a href="javascript:void(0)" class="btns btns-biggest btns-ye top40 btns-bd" >绑  定</a>
</div>
</body>
<script>
$(".btns-bd").click(function(){
	$("body").append('<div id="bdModal" style="width:100%; height:100%; background:rgba(0,0,0,0.4); text-align:center; position:fixed; top:0; left:0;"><i class="fa fa-spinner" style="font-size:3rem; color:#fff; position:absolute; top:48%;"></i></div>')	
})
//$("#bdModal").remove();
</script>
<script>
(function($){
	$.fn.countDown = function(o){
	  var defs = {
		beforeText:"文本1",
		afterText:"文本2",
		wait:5,
		wait2:5
	  };
	  var obj = this;
	  var opt = $.fn.extend({},defs,o);
	  var beforeText = opt.beforeText;
	  var afterText = opt.afterText;
	  var wait = opt.wait;
	  var wait2 = opt.wait2;	  
	  time($(this))
	  function time(e){
		if (wait == 0) {
			e.removeAttr("disabled");            
			e.val(beforeText);  
			wait = wait2;
			e.removeClass("btns-grey")
		} else {  
			e.addClass("btns-grey")
			e.attr("disabled", true);  
			e.val(afterText+"(" + wait + ")");  
			wait--;  
			setTimeout(function() {  
				time(e)  
			},  
			1000)
		};
	  }
	}
})(jQuery);
$(".btns-yzm").click(function(){
	$(this).countDown({
		beforeText : "重新发送",
		afterText : "重新发送",
		wait : 60,
		wait2 : 60
	});
})
</script>
</html>